<template>
	<view class="box">
		<h2 style="color: rgb(252, 29, 21); font-size: 48rpx;text-align: center;line-height: 170rpx;">￥360.00</h2>
		<view class="top">
			全部付款方式
		</view>
		<view class="bottom">
			<view class="weixin" style="line-height: 108rpx;">
				<i class="iconfont icon-weixinzhifu2" style="color: #18BC37;"></i>
				<text style="margin-left:30rpx;">微信支付</text>
				<label class="radio">
					<radio value="" style="transform: scale(0.70);float:right;"/>
				</label>
			</view>
			<view class="zhifubao" style="line-height: 108rpx;">
				<i class="iconfont icon-zhifubaozhifu" style="color: #007AFF;"></i>
				<text style="margin-left:30rpx;">支付宝支付</text>
				<label class="radio">
					<radio value="" style="transform: scale(0.70);float:right;"/>
				</label>
			</view>
		</view>
		<view class="footer">
			<button type="warn" style="border-radius: 60rpx; height:75rpx; width:683rpx;">微信支付￥360.00</button>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.box{
		width:100%;
		height:1200rpx;
		background-color:rgb(240, 240, 240) ;
	}
	.top{
		background-color: #FFFFFF;
		height:115rpx;
		line-height: 115rpx;
		padding-left:35rpx;
		font-size: 28rpx;
		margin-bottom: 15rpx;
	}
	.bottom{
		height:215rpx;
		background-color: #FFFFFF;
		padding-left: 35rpx;
	}
	.footer{
		height:165rpx;
		background-color: #FFFFFF;
		margin-top:600rpx;
		padding-top: 20rpx;
	}
</style>
